<!DOCTYPE html>
<html lang="ZH-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五十音card</title>
    <link rel="stylesheet" href="./css/init.css">
</head>

<body>
    <!-- 读音加载 -->
    <!-- 五十音存储 -->
    <div class="music">
    </div>
    <!-- 浊音存储 -->
    <div class="music">
    </div>
    <div id="init">
        <!-- 主页 -->
        <div id="logo">日 语Card</div>
        <div id="init-card">
            <div class="title" id="font-yin">五十音看字念音</div>
            <div class="title" id="yin-font">五十音听音写字</div>
            <div class="title">浊音看字念音</div>
            <div class="title">浊音听音写字</div>
            <div class="title">长音规则</div>
            <div class="last-title">宇 22.2.5</div>
        </div>
        <!-- 五十音看字念音 -->
        <div id="look-font-card">
            <div class="font" id="font">
            </div>
            <div class="next">继续</div>
            <div class="break">返回</div>
        </div>
        <!-- 五十音听音写字 -->
        <div id="listen-font-card">
            <div class="font">
                <div class="listen-font-card"></div>
            </div>
            <div class="repeat">重听</div>
            <div class="next">继续</div>
            <div class="break">返回</div>
        </div>
        <!-- 浊音看字念音 -->
        <div id="look-zhuo-font-card">
            <div class="font" id="zhuo-font">
            </div>
            <div class="next">继续</div>
            <div class="break">返回</div>
        </div>
        <!-- 浊音听音写字 -->
        <div id="listen-zhuo-font-card">
            <div class="font">
                <div class="listen-zhuo-font-card"></div>
            </div>
            <div class="repeat">重听</div>
            <div class="next">继续</div>
            <div class="break">返回</div>
        </div>
        <!-- 长音规则 -->
        <div id="look-chang-font-card">
            <div class="chang-font-card">
                あ段+あ<br>
                い段+い<br>
                う段+う<br>
                え段+え、い<br>
                お段+お、う<br>
            </div>
            <div class="break break1">返回</div>
        </div>
    </div>

</body>
<script src="./js/date.js"></script>
<script src="./js/init.js"></script>
<script src="./js/choice.js"></script>
<script src="./js/1.js"></script>
<script src="./js/2.js"></script>
<script src="./js/3.js"></script>
<script src="./js/4.js"></script>
<script src="./js/5.js"></script>

</html>